<template>
  <div class="flex-col page">
    <c-title text="实名认证"></c-title>
    <div class="group flex-col items-center">
        <div class="setion flex-row justify-start items-center">
            <span class="text flex-row justify-start">姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span>
            <input class="input-class" type="text" placeholder="请输入姓名" v-model="username">
        </div>
        <div class="setion flex-row justify-start items-center">
            <span class="text flex-row justify-start">身份证号</span>
            <input class="input-class" type="text" placeholder="请输入身份证号" v-model="cardno">
        </div>
    </div>
    <div class="bottom flex-row justify-center">
        <div @click="submit" class="bottom-btn">提 交</div>
    </div>
  </div>
</template>
<script>
import realAuthController from "./realAuthController.js";
export default realAuthController;
</script>

<style>
@import "../common/common.css";
.group {
    background-color: #fff;
    margin-top: 10px;
    width: 100%;
}
.setion {
    width: 355px;
    height: 60px;
}
.setion:first-child {
    border-bottom: 1px solid #eaeaea;
}
.text {
    width: 80px;
}
.input-class {
    border: none;
}
.bottom {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 10px;
}
.bottom-btn {
    width: 345px;
    height: 40px;
    border-radius: 24px;
    background-color: rgb(0, 102, 255);
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 16px;
}
</style>
